<template>
    <el-dialog class="el-dialog" v-model="fullShow" :fullscreen="fullscreen" :title="title" :width="width"
        :before-close="handleClose">
        <slot></slot>
    </el-dialog>
</template>

<script setup>
import { defineProps, ref } from 'vue';
defineEmits(['closeFull']);
defineProps({
    title: {
        type: String,
        default: ''
    },
    width: {
        type: Number,
        default: 500
    },
    fullscreen: {
        type: Boolean,
        default: true
    }
})

let fullShow = ref(false)
const handleClose = () => { // 关闭弹窗
    fullShow.value = false;
}

defineExpose({
    fullShow
})
</script>

<style lang="scss" scoped></style>